/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */
import React, { Component } from 'react';
import StorageLocal from 'react-native-storage';
import {
    AppRegistry,
    View,
    AsyncStorage,
    findNodeHandle,
    Dimensions,
    Image,Text,StyleSheet,
    TouchableOpacity
} from 'react-native';
/**
 * 全局存储变量
 * @type {Storage}
 */
let storage = new StorageLocal({
    size:1000,
    storageBackend:AsyncStorage,
    defaultExpires:1000 * 3600 * 24 * 30, // 过期时间，默认一天时间
    enableCache:true,
    sync:{}
});
global.storage = storage;
global.userInfo = {};
storage.load({key:'userinfo',autoSync: false}).then(res => {
    global.userInfo = res;
});
// import Chest from './js/home/chest';
// import AddImageText from './js/find-chest/image-detail';
// import AddRedPacket from './js/chest/red-packet';
// import JoinNewEvent from './js/chest/join-event';
// import BuyChestKey from './js/chest/buy-key';
// import FindMediaDetail from './js/find-chest/media-detail';
// import FindEventDetail from './js/find-chest/event-detail';
// import MineConversations from './js/message/conversations';
// import ConversationDetail from './js/message/detail';
// import Personal from './js/mine/my-center';
// import NickNameEdit from './js/mine/nickname-edit';
// import MineChests from './js/mine/mine-chest';
// import MineAccount from './js/mine/account';
import VideoDetail from './js/find-chest/video-detail';
import VideoPlayer from './js/module/video';

// export default class setup extends Component {
//     render() {
//         return (
//             <Chest/>
//         );
//     }
// }
import { Navigater } from './js/route.json';

/**
 * 开启APP
 */
AppRegistry.registerComponent('lulu', () => Navigater);
// import Spinner from 'react-native-spinkit';
// export default class setup extends Component {
//     constructor(props) {
//         super(props);
//         this.state = {
//             index: 0,
//             types: ['CircleFlip', 'Bounce', 'Wave', 'WanderingCubes', 'Pulse', 'ChasingDots', 'ThreeBounce', 'Circle', '9CubeGrid', 'WordPress', 'FadingCircle', 'FadingCircleAlt', 'Arc', 'ArcAlt'],
//             size: 100,
//             color: "#FFFFFF",
//             isVisible: true
//         }
//     }
//
//     next() {
//         if (this.state.index++ >= this.state.types.length)
//             this.setState({index: 0})
//         else
//             this.setState({index: this.state.index++})
//     }
//
//     increaseSize() {
//         this.setState({size: this.state.size + 10});
//     }
//
//     changeColor() {
//         this.setState({color: '#'+Math.floor(Math.random()*16777215).toString(16)});
//     }
//
//     changeVisibility() {
//         this.setState({isVisible: !this.state.isVisible});
//     }
//     render() {
//         var type = this.state.types[this.state.index];
//         return (
//             <View style={styles.container}>
//                 <Spinner style={styles.spinner} isVisible={this.state.isVisible} size={this.state.size} type={type} color={this.state.color}/>
//
//                 <Text style={styles.text}>Type: {type}</Text>
//
//                 <TouchableOpacity style={styles.btn} onPress={this.next.bind(this)}>
//                     <Text style={styles.text}>Next</Text>
//                 </TouchableOpacity>
//
//                 <TouchableOpacity style={styles.btn} onPress={this.increaseSize.bind(this)}>
//                     <Text style={styles.text}>Increase size</Text>
//                 </TouchableOpacity>
//
//                 <TouchableOpacity style={styles.btn} onPress={this.changeColor.bind(this)}>
//                     <Text style={styles.text}>Change color</Text>
//                 </TouchableOpacity>
//
//                 <TouchableOpacity style={styles.btn} onPress={this.changeVisibility.bind(this)}>
//                     <Text style={styles.text}>Change visibility</Text>
//                 </TouchableOpacity>
//             </View>
//         );
//     }
// }
//
// const styles = StyleSheet.create({
//     container: {
//         flex: 1,
//         justifyContent: 'center',
//         alignItems: 'center',
//         backgroundColor: 'rgba(0,0,0,0)',
//     },
//
//     spinner: {
//         marginBottom: 50
//     },
//
//     btn: {
//         marginTop: 20
//     },
//
//     text: {
//         color: "white"
//     }
// });
// AppRegistry.registerComponent('lulu', () => setup);
// import { TabNavigater } from './js/tab.json.js';
//
// AppRegistry.registerComponent('lulu', () => VideoDetail);

// import { BlurView } from 'react-native-blur';
// const WINDOW_DIMENSIONS = Dimensions.get('window');
// export default class Menu extends Component {
//     constructor(props) {
//         super(props);
//         this.state = { viewRef1: 0,viewRef2: 0  };
//         this.images = [];
//     }
//
//     imageLoaded1() {
//         let imageObj1 = findNodeHandle(this.images[0]);
//         // alert(JSON.stringify(this.backgroundImage));
//         this.setState({ viewRef1: imageObj1 });
//     }
//
//     imageLoaded2() {
//         let imageObj2 = findNodeHandle(this.backgroundImage);
//         // alert(JSON.stringify(this.backgroundImage));
//         this.setState({ viewRef2: imageObj2 });
//     }
//
//     render() {
//         let uri1 = require('./image/6.jpg');
//         let uri2 = require('./image/8.jpg');
//         return (
//             <View style={{flex:1}}>
//                 <View style={styles.container}>
//                     <Image style={styles.container}
//                         ref={(img) => { this.images[0] = img }}
//                         source={uri1}
//                         resizeMode={Image.resizeMode.cover}
//                         onLoadEnd={this.imageLoaded1.bind(this)}
//                     />
//                     <BlurView
//                         style={styles.absolute}
//                         viewRef={this.state.viewRef1}
//                         blurType="light"
//                         blurAmount={32}
//                     />
//                     <Text>Hi, I am some unblurred text</Text>
//                 </View>
//                 <View style={styles.container}>
//                     <Image style={styles.container}
//                            ref={(img) => { this.backgroundImage = img; }}
//                            source={uri2}
//                            resizeMode={Image.resizeMode.cover}
//                            onLoadEnd={this.imageLoaded2.bind(this)}
//                     />
//                     <BlurView
//                         style={styles.absolute}
//                         viewRef={this.state.viewRef2}
//                         blurType="light"
//                         blurAmount={32}
//                     />
//                     <Text>Hi, I am some unblurred text</Text>
//                 </View>
//             </View>
//         );
//     }
// }
//
// const styles = StyleSheet.create({
//     container: {
//         width:WINDOW_DIMENSIONS.width,
//         height: 300,
//     },
//     absolute: {
//         position: "absolute",
//         top: 0, left: 0, bottom: 0, right: 0,
//     },
// });
//
// AppRegistry.registerComponent('lulu', () => Menu);